<script setup lang="ts">

import {useCarouseImage} from "../hooks/useCarouseImage.ts";

const {carouseImgList,hrefTo} = useCarouseImage()
</script>

<template>
  <div>
    <el-carousel :interval="5000" arrow="always">
      <el-carousel-item v-for="item in carouseImgList" :key="item.title">
        <img :src="item.url" class="fill-img" :alt="item.title" @click="hrefTo(item.target)"/>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<style scoped lang="scss">
@import "style/Carouse";
</style>